<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*内边距:当前元素边框与标签体内容(标签宽高区域)的距离*/
        .d1{
            width:100px;
            height: 100px;
            border:1px solid red;

            /*按方向写*/
            /*padding-left:10px;*/
            /*padding-right:10px;*/
            /*padding-top:10px;*/
            /*padding-bottom: 10px;*/

            /*简写方式*/

            /*上右下左10px*/
            /*padding:10px;*/

            /*上下10px 左右20px*/
            /*padding:10px 20px;*/

            /*上10px  左右20px  下30px*/
            /*padding:10px 20px 30px;*/

            /*上10px 右20px  下30px  左40px*/
            padding:10px 20px 30px 40px
        }
    </style>
</head>
<body>
    <div class="d1">div</div>
</body>
</html>